<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>我的预约 - 五四宪法历史资料陈列馆</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/common.js"></script>
    <style>
        .detail>a,.orderlist_type{
            font-size: 0.59733333rem;
        }
        .top_time{
            font-size: 0.64rem;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="top">
        <a class="back" href="javascript:history.back(-1)"><img src="static/image/left.png" alt="">返回</a>
        我的预约
        <a  href="tuichu" class="right">退出</a>
<!--        <a  href="personal" class="right" style="margin-right:0px;">个人信息</a>-->
    </div>
    <div class="my_order container">
        <div class="orderlist_type">
            <a class="exhi select" href="/orders?mobile={$Think.session.mobile}">展馆预约列表</a>
            <a class="act" href="/my_active?mobile={$Think.session.mobile}">活动预约列表</a>
        </div>
        {foreach $visit_list as $k=>$v}
        <div>
            <div class="top_time">
                <span>“五四宪法”历史资料陈列馆 </span>
                {if($v.status==1)}
                    <a href="javascript:;" class="fr">预约中</a>
                {/if}
                {if($v.status==6)}
                <a  class="fr finish">未参观</a>
                {/if}
                {if($v.status==4)}
                <a href="javascript:;" class="fr">待评价</a>
                {/if}
                {if($v.status==3)}
                <a href="javascript:;" class="fr">取消预约</a>
                {/if}
                {if($v.status==2)}
                <a href="javascript:;" class="fr">完成参观</a>
                {/if}
            </div>
            <div class="detail">
                {if($v.status==1)}
                <a href="wap/user/ordersuccess?id={$v.id}" class="fr">查看</a>
                {/if}
                {if($v.status==6)}
                <a  class="fr finish">未参观</a>
                {/if}
                {if($v.status==3)}
                <a href="javascript:;" class="fr finish">已经取消</a>
                {/if}
                {if($v.status==2)}
                <a href="javascript:;" class="fr finish">完成参观</a>
                {/if}
                {if($v.status==4)}
                <a href="comment?id={$v.id}" class="fr">待评价</a>
                {/if}
                <div class="order_d">
                    <p class="name">   {if($v.venue=='A')}北山街馆区{/if}{if($v.venue=='B')}栖霞岭馆区{/if}</p>
                    {if $v.explain==1}
                         <p class="time">参观时间：{$v.day}，{$v.arrival_time}</p>
                        {else/}
                          <p class="time">参观时间：{$v.day}，{$v.between_time}</p>
                    {/if}

                </div>
            </div>
        </div>
       {/foreach}
    </div>
</div>
<script>
    $('.orderlist_type>a').click(function() {
        $(this).addClass('select').siblings('a').removeClass('select');
    })
</script>
</body>
</html>